<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<title>fusion user</title>

	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"
		integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous" />

	<link rel="icon" th:href="@{/favicon.ico}">

	<meta name="theme-color" content="#563d7c">

	<style>
		.bd-placeholder-img {
			font-size: 1.125rem;
			text-anchor: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		@media (min-width: 768px) {
			.bd-placeholder-img-lg {
				font-size: 3.5rem;
			}
		}

		html,
		body {
			height: 100%;
		}

		body {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			align-items: center;
			padding-top: 40px;
			padding-bottom: 40px;
			background-color: #f5f5f5;
		}

		.form-signin {
			width: 100%;
			max-width: 330px;
			padding: 15px;
			margin: auto;
		}

		.form-signin .checkbox {
			font-weight: 400;
		}

		.form-signin .form-control {
			position: relative;
			box-sizing: border-box;
			height: auto;
			padding: 10px;
			font-size: 16px;
		}

		.form-signin .form-control:focus {
			z-index: 2;
		}

		.form-signin input[type="email"] {
			margin-bottom: -1px;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
		}

		.form-signin input[type="password"] {
			margin-bottom: 10px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
	</style>
</head>

<body class="text-center">
	<form class="form-signin" method="post" th:action="@{/login}">
		<img class="mb-4" src="https://www.easyicon.net/api/resizeApi.php?id=1207631&size=128" alt="" width="72px"
			height="72px">
		<h1 class="h3 mb-3 font-weight-normal">登录</h1>
		<label for="inputEmail" class="sr-only">邮箱 或 手机</label>
		<input autofocus="" class="form-control" id="inputEmail" name="account" placeholder="邮箱 或 手机" required=""
			type="text">
		<label for="inputPassword" class="sr-only">密码</label>
		<input class="form-control" id="inputPassword" name="password" placeholder="密码" required="" type="password">
		<div class="checkbox mb-3">
			<label>
				<input type="checkbox" value="remember-me"> 记住密码
			</label>

			<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
			<p class="mt-5 mb-3 text-muted">iteknical.com © 2017-2020</p>
		</div>
	</form>

	<div th:replace="components/footer-lib"></div>
</body>

</html>